<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>初识Vue</title>
	<script type="text/javascript" src="../js/vue.js"></script>
</head>
<body>
	<!-- 准备好一个容器 -->
	<div id="root">
		<h1>大白菜 出击！{{transcript}} </h1>
		<h2>{{Date.now()}}</h2>
		<h3>{{1+2}}</h3>
	</div>
</body>
<script type="text/javascript">
	Vue.config.productionTip = true
	//创建Vue实例
	const x = new Vue({
		el:'#root',      
		data:{
			transcript:'爬，是琪亚娜出击'
		} //data中的数据可以通过函数来获取
	})
	//el:通常是用元素的ID选择器   也可以替换成这样document.getElementById("root") 一个使用了CSS的语法 一个使用了js的语法
</script>
</html>